import {createApp} from 'vue'
import './styles/element-variables.scss'
// 如果要使用.scss样式文件，则需要引入base.scss文件
//import 'element-plus/packages/theme-chalk/src/base.scss'
import {
    ElAlert,
    ElButton,
    ElCol,
    ElContainer,
    ElFooter,
    ElHeader,
    ElIcon,
    ElImage,
    ElInput,
    ElOption,
    ElPopover,
    ElPopper,
    ElRow,
    ElScrollbar,
    ElSelect,
    ElMessage,
} from 'element-plus';

const components = [
    ElAlert,
    ElButton,
    ElCol,
    ElContainer,
    ElFooter,
    ElHeader,
    ElIcon,
    ElImage,
    ElInput,
    ElOption,
    ElPopover,
    ElPopper,
    ElRow,
    ElScrollbar,
    ElSelect,
]

const plugins = [
    ElMessage,
]


import router from "@/router"
import App from './App.vue'

const app = createApp(App)

components.forEach(component => {
    app.component(component.name, component)
})

plugins.forEach(plugin => {
    app.use(plugin)
})


app.use(router)
app.mount('#app')
